<script>
import componentMixin from "../mixins/component-mixin";
import { toLngLat } from "../utils/converter";

export default {
  name: "tdt-polygon",
  mixins: [componentMixin],
  props: {
    color: { type: String }, //多边形边线颜色。
    weight: { type: Number }, //多边形边线的宽度，以像素为单位。
    opacity: { type: Number }, //多边形边线的透明度（范围0-1 之间）
    fillColor: { type: String }, //多边形填充颜色。当参数为空时，折线覆盖物将没有填充效果。
    fillOpacity: { type: Number }, //多边形填充的透明度（范围0-1 之间）。
    lineStyle: { type: String }, //多边形边线的样式（solid或dashed）。
    path: { type: Array }, //坐标数组。
    edit: "", //是否可编辑
    extData: "" //自定义属性
  },
  methods: {
    initComponent(option) {
      const paths = this.path.map(item => toLngLat(item));
      this.$tdtComponent = new T.Polygon(paths, option);
    }
  }
};
</script>